/* pages/test/index.wxss */

.reward-anim-box {
  position: absolute;
  left: 20rpx;
  // transform: translateX(-1000rpx);
  top: 30%;
  height: 96rpx;

  .area-lf {
    width: 445rpx;
    padding: 0 40rpx;
    height: 100%;
    background: url("https://ck-bkt-knowledge-payment.oss-cn-hangzhou.aliyuncs.com/admin/material/27_material_admin/image/images/reward/reward-bg.png") no-repeat center center;
    background-size: cover;
    border-radius: 50rpx 0 0 50rpx;
    font-size: 30rpx;
    color: #fff;
  }

  
  .pic-gift{
    width: 80rpx;
    height: 80rpx;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .pic-mark {
    width: 56rpx;
    height: 50rpx;
    background: url("https://ck-bkt-knowledge-payment.oss-cn-hangzhou.aliyuncs.com/admin/material/27_material_admin/image/images/reward/X.png") no-repeat top center;
    background-size: cover;
  }

  .pic-num {
    width: 54rpx;
    height: 76rpx;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    &.type-0 {
      background-image: url("https://ck-bkt-knowledge-payment.oss-cn-hangzhou.aliyuncs.com/admin/material/27_material_admin/image/images/reward/0.png");
    }
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


.cell-info{
  width: 20%;
  box-sizing: border-box;
  padding: 0 10rpx;
  margin: 0 0 40rpx 0;

}



